<!DOCTYPE html>
<html  lang="en">
    <head>
        <title>Document</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    </head>
    <body>
        <div id="app">
            <ul>
                <li v-for="data in list" :key="data.id">
                    <img :src="data.img | kerwinpath">
                </li>
            </ul>
        </div>

        <script>
            Vue.filter("kerwinpath",function(data){
                return data.replace('w.h','128.180')
            })
            let vm = new Vue
            ({
                el: '#app',
                data: {
                    list: [],
                },
                mounted() {
                    axios.get("test.json").then(res=>{
                        //console.log(res.data);
                        this.list = res.data.movieList
                    })
                },
            })

            //"http://p0.meituan.net/w.h/moviemachine/5dac476535359b7bb951ff15d37a9d0b153821.jpg"
            //"https://p0.meituan.net/128.180/moviemachine/5dac476535359b7bb951ff15d37a9d0b153821.jpg"
        </script>
    </body>
</html>